昨天我們已經講完了常用的元件
今天就來講如何設置元件的位置吧！
以節點為例，我們可以使用addChild方式來新增一個節點，並且設置他的顏色、大小

let node = SKNode()
self.addChild(node)

let spriteNode = SKSpriteNode(color: .red, size: CGSize(width: CGFloat(20), height: CGFloat(20)))
node.addChild(spriteNode)

先來説説座標系統，在SpriteKit中，畫面的原點位於左下角，座標軸為(0, 0)，其餘座標軸分別為：

• (0, 1)：左上角
• (1, 0)：右下角
• (1, 1)：右上角
• (0.5, 0.5)：正中間

可以透過anchorPoint屬性來設定節點的位置，系統預設值是 (0.5, 0.5)，就是藍雲中間那個圓圈處

而如果我將anchorPoint設成(0, 0)，可以看到圈圈跑到藍雲的左下角，而藍雲與白雲的相對位置也發生了改變

node.anchorPoint = CGPoint(x: 0, y: 0)

接著來說說position屬性吧！position屬性代表的是自己在父節點中的位置，預設值為(0, 0)，會根據父節點的anchorPoint來做位置上的移動，跟數學座標軸的概念是一樣的，往右往上x、y值會分別增加，往左往下x、y值會分別減少。

node.position = CGPoint(x: 0, y: 100)

這時我們就能看到子節點往上方移動100個單位
以上就是SpriteKit的座標系統介紹，明天開始，我們就利用SpriteKit來製作一個小遊戲吧！